<template>
    <div class="week">
      <div class="week_t">
        周末去哪儿

      </div>
      <div class="week_b" v-for="(item,index) in week" :key="item.id">
        <img :src="item.img" alt="">
        <p class="week_t_one">{{item.textone}}</p>
        <p class="week_t_two">{{item.texttwo}}</p>
      </div>
      <div class="devider"></div>
    </div>
</template>

<script>
    export default {
        name: "Week",
        data(){
            return{

            }
        },
        props:{
            week:Array
        }
    }
</script>

<style lang="stylus" scoped>

    .week{
      .devider{
        width:100%;
        background:#eaeaea;
        height:.05rem;
      }
      .week_t{
        background:#eaeaea;
        line-height:.4rem;
        padding-left:.13rem;
      }
      .week_b{

        img{
          width:100%;
        }
        .week_t_one{
          padding-left:.1rem;
          line-height:.24rem;
          font-size:.14rem;

        }
        .week_t_two{
          padding-left:.1rem;
          line-height:.24rem;
          font-size:.12rem;

        }
      }
    }
</style>
